﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="en" />

<link href="example_jquerytools.css" rel="stylesheet" type="text/css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://cdn.jquerytools.org/1.1.2/full/jquery.tools.min.js"></script>
<script src="jquery.zweatherfeed.min.js" type="text/javascript"></script>

<title>Climat: Il faut seulement, l'image qui change dans la pages</title>
</head>
<body>

<script type="text/javascript">

$(document).ready(function () {

	$('#test').weatherfeed(['FRXX0099','FRXX0076','FRXX0055','FRXX0114','FRXX0059','FRXX0095', 'FRXX0016', 'FRXX0052','FRXX0073','FRXX0153']).ajaxStop(function() {


		$("div.scrollable").scrollable({ 
        		vertical: true,  
	        	size: 1
		}).circular().navigator().autoscroll({
			interval: 3000
		});
	});
});
</script>

<div class="scrollable vertical">
	<div id="test" class="items"></div>
</div>
<div class="navi"></div>

</body>
</html>
